<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>COMEVAL</title>
                <link rel="stylesheet" href="css/estilogeneral.css" media="all"/>
            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">

                <p:layoutUnit position="north" size="180" resizable="false" closable="true" collapsible="true">

                    <h:form>
                        <p:menubar>
                            <p:menuitem id="home" value="" url="Bodega.xhtml" style=" padding-left: 15px;background-image: url('icons/icon-home.png') !important; background-position: center !important; width: 45px; height: 35px; text-align: center;"/>
                            <p:menuitem value="" style=" padding-left: 15px;background-image: url('icons/icon-bodega1.png') !important; background-position: center !important; width: 55px; height: 35px; text-align: center;"/>
                            <p:menuitem value="" style=" padding-left: 15px;background-image: url('icons/icon-pedido.png') !important; background-position: center !important; width: 55px; height: 35px; text-align: center;" />
                            <p:menuitem value="" style=" padding-left: 15px;background-image: url('icons/icon-facture.png') !important; background-position: center !important; width: 55px; height: 35px; text-align: center;" />
                            <p:menuitem value="" style=" padding-left: 15px;background-image: url('icons/icon-graphics.png') !important; background-position: center !important; width: 50px; height: 35px; text-align: center;" />
                            <p:menuitem value="" style=" padding-left: 15px;background-image: url('icons/icon-pqrs.png') !important; background-position: center !important; width: 55px; height: 35px; text-align: center;" />
                            <p:menuitem value="" style=" padding-left: 15px;background-image: url('icons/icon-help.png') !important; background-position: center !important; width: 55px; height: 35px; text-align: center;" />

                            <f:facet name="options">
                                <p:inputText style="margin-right:10px" placeholder="Buscar"/>
                                <p:commandButton type="button" value="Cerrar sesion" icon="ui-icon-extlink" />
                            </f:facet>
                        </p:menubar>
                    </h:form>
                    <p:panel>
                        <div id="inicio">
                        </div>
                    </p:panel>

                </p:layoutUnit>

                <!--
                <p:layoutUnit position="south" size="100" closable="true" collapsible="true">
                    Footer
                </p:layoutUnit>
                !-->

                <p:layoutUnit position="center">
                    <h:form id="forma">
                        <h2 id="titulo" style="text-align: center;" >BODEGA</h2>
                        <p:growl id="growl" showDetail="true" sticky="true"/>
                        <p:messages id="mensajes" showDetail="true"/>
                        <p:panel id="campos">
                            <h3 style="text-align: center;">Registro entradas</h3>
                            <p:panelGrid>
                                <p:row>
                                    <p:column>
                                        <h:outputText value="Producto: "/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtProductoEntrada" binding="#{entradaVista.txtProductoEntrada}"/>
                                        <p:watermark for="txtProductoEntrada" value="Nombre del producto"/>
                                    </p:column>
                                    <p:column>
                                        <h:outputText value="Presentación: "/>
                                    </p:column>
                                    <p:column>
                                        <p:selectOneMenu id="cmbPresentacionEntrada" binding="#{entradaVista.cmbPresentacionEntrada}" effect="fold" editable="true">
                                            <f:selectItem itemLabel="Jarabe" itemValue="Jarabe" />
                                            <f:selectItem itemLabel="Elixir" itemValue="Elixir" />
                                            <f:selectItem itemLabel="Gotas" itemValue="Gotas" />
                                            <f:selectItem itemLabel="Solución oral" itemValue="Solución oral" />
                                            <f:selectItem itemLabel="Solución Inyectable" itemValue="Solución Inyectable" />
                                            <p:separator/>
                                            <f:selectItem itemLabel="Tabletas" itemValue="Tabletas" />
                                            <f:selectItem itemLabel="Grageas" itemValue="Grageas" />
                                            <f:selectItem itemLabel="Efervescente" itemValue="Efervescente" />
                                            <f:selectItem itemLabel="Cápsula" itemValue="Cápsula" />
                                            <f:selectItem itemLabel="Polvo" itemValue="Polvo" />
                                            <f:selectItem itemLabel="Granulado" itemValue="Granulado" />
                                        </p:selectOneMenu>
                                        <p:watermark for="cmbPresentacionEntrada" value="Seleccione"/>
                                    </p:column>
                                    <p:column>
                                        <h:outputText value="Contenido: "/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtContenidoEntrada" binding="#{entradaVista.txtContenidoEntrada}" />
                                        <p:watermark for="txtContenidoEntrada" value="ex: 100ml"/>
                                    </p:column>
                                </p:row>
                                <p:row>
                                    <p:column>
                                        <h:outputText value="Laboratorio: "/>
                                    </p:column>
                                    <p:column>
                                        <p:selectOneMenu id="cmbLaboratorio" binding="#{entradaVista.cmbLaboratorio}">
                                            <f:selectItems value="#{entradaVista.itemsLaboratorio}"/>
                                        </p:selectOneMenu>
                                        <p:watermark for="cmbLaboratorio" value="Seleccione"/>
                                    </p:column>
                                    <p:column>
                                        <h:outputText value="Lote: "/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtLoteEntrada" binding="#{entradaVista.txtLoteEntrada}"/>
                                        <p:watermark for="txtLoteEntrada" value="Ingrese lote"/>
                                    </p:column>
                                    <p:column>
                                        <h:outputText value="Fecha vencimiento: "/>
                                    </p:column>
                                    <p:column>
                                        <p:calendar id="txtFechaVencimiento" pattern="dd-MM-yyyy" mask="true" binding="#{entradaVista.txtFechaVencimiento}"/>
                                        <p:watermark for="txtFechaVencimiento" value="Seleccione"/>
                                    </p:column>    
                                </p:row>
                                <p:row>
                                    <p:column>
                                        <h:outputText value="Unidades: "/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtUnidades" binding="#{entradaVista.txtUnidades}"/>
                                        <p:watermark for="txtUnidades" value="Seleccione"/>
                                    </p:column>
                                    <p:column>
                                        <h:outputText value="Precio tuluá: "/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtPrecioTulua" binding="#{entradaVista.txtPrecioTulua}"/>
                                    </p:column>
                                    <p:column>
                                        <h:outputText value="Precio asesores: "/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtPrecioAsesores" binding="#{entradaVista.txtPrecioAsesores}"/>
                                    </p:column>
                                </p:row>
                                <p:row>
                                    <p:column>
                                        <h:outputText value="Precio farmacias: "/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtPrecioFarmacias" binding="#{entradaVista.txtPrecioFarmacias}"/>
                                    </p:column>
                                    <p:column>
                                        <h:outputText value="Precio clientes: "/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtPrecioClientes" binding="#{entradaVista.txtPrecioClientes}"/>
                                    </p:column>
                                    <p:column>
                                        <h:outputText value="Costo Producto: "/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtCostoProducto" binding="#{entradaVista.txtCostoProducto}"/>
                                    </p:column>
                                </p:row>
                            </p:panelGrid>
                            <p:panelGrid>
                                <p:row>
                                    <p:column>
                                        <p:commandButton id="btnRegistrar" value="Registrar" binding="#{entradaVista.btnRegistrar}" action="#{entradaVista.funcion_registrar}" update=":forma:campos, :forma:mensajes, :forma:tabla"/>
                                    </p:column>
                                    <p:column>
                                        <p:commandButton id="btnModificar" disabled="true" value="Modificar" binding="#{entradaVista.btnModificar}" action="#{entradaVista.funcion_modificar}" update=":forma:campos, :forma:mensajes, :forma:tabla"/>
                                    </p:column>
                                    <p:column>
                                        <p:commandButton id="btnEliminar" disabled="true" value="Eliminar" binding="#{entradaVista.btnEliminar}" action="#{entradaVista.funcion_eliminar}" update=":forma:campos, :forma:mensajes, :forma:tabla">
                                            <p:confirm header="Confirmar" message="¿Estás seguro que deseas eliminar este estudiante del sistema?" icon="ui-icon-alert" /> 
                                        </p:commandButton>
                                        <p:confirmDialog global="true" showEffect="fade" hideEffect="puff">
                                            <p:commandButton value="Yes" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
                                            <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
                                        </p:confirmDialog>
                                    </p:column>
                                    <p:column>
                                        <p:commandButton id="btnLimpiar" value="Limpiar" binding="#{entradaVista.btnLimpiar}" action="#{entradaVista.funcion_limpiar}" update=":forma:campos, :forma:mensajes, :forma:tabla"/>
                                    </p:column>
                                </p:row>
                            </p:panelGrid>
                        </p:panel>

                        <p:panel id="tabla">
                            <p:dataTable id="entrada" var="entrada" value="#{entradaVista.listaEntrada}" rowKey="#{entrada.codigoentrada}"
                                         selection="#{entradaVista.selectedEntrada}" selectionMode="single"
                                         filteredValue="#{entradaVista.listaEntrada}" resizableColumns="true"
                                         emptyMessage="No se encontraron resultados"
                                         >
                                <p:ajax event="rowSelect" listener="#{entradaVista.funcion_seleccionar}" update=":forma:campos" />

                                <f:facet name="header">
                                    Entradas bodega
                                    <p:commandButton id="toggler" type="button" value="Columnas" style="float:right" icon="ui-icon-calculator" />
                                    <p:columnToggler datasource="entrada" trigger="toggler" />
                                </f:facet>

                                <p:column headerText="Código" sortBy="#{entrada.codigoentrada}">
                                    <h:outputText value="#{entrada.codigoentrada}" />
                                </p:column>

                                <p:column headerText="Nombre" filterBy="#{entrada.nombreentrada}"
                                          filterMatchMode="contains" sortBy="#{entrada.nombreentrada}"
                                          >
                                    <h:outputText value="#{entrada.nombreentrada}" />
                                </p:column>

                                <p:column headerText="Presentación">
                                    <h:outputText value="#{entrada.presentacionentrada}" />
                                </p:column>

                                <p:column headerText="Contenido">
                                    <h:outputText value="#{entrada.contenidoentrada}" />
                                </p:column>

                                <p:column headerText="Laboratorio">
                                    <h:outputText value="#{entrada.laboratorioentrada.nombrelaboratorio}" />
                                </p:column>

                                <p:column headerText="Lote" sortBy="#{entrada.loteentrada}">
                                    <h:outputText value="#{entrada.loteentrada}" />
                                </p:column>

                                <p:column headerText="Fecha v." sortBy="#{entrada.fechavencimientoentrada}">
                                    <h:outputText value="#{entrada.fechavencimientoentrada}" />
                                </p:column>

                                <p:column headerText="Unidades" sortBy="#{entrada.unidadeslote}">
                                    <h:outputText value="#{entrada.unidadeslote}" />
                                </p:column>

                                <p:column headerText="P. Tulua" sortBy="#{entrada.valorunidadtulua}">
                                    <h:outputText value="#{entrada.valorunidadtulua}" />
                                </p:column>

                                <p:column headerText="P. Asesores" sortBy="#{entrada.valorunidadasesores}">
                                    <h:outputText value="#{entrada.valorunidadasesores}" />
                                </p:column>

                                <p:column headerText="P. Farmacias" sortBy="#{entrada.valorunidadfarmacias}">
                                    <h:outputText value="#{entrada.valorunidadfarmacias}" />
                                </p:column>

                                <p:column headerText="P. Cliente Especial" sortBy="#{entrada.valorunidadclienteesp}">
                                    <h:outputText value="#{entrada.valorunidadclienteesp}" />
                                </p:column>

                                <p:column headerText="Costo prod." sortBy="#{entrada.costorealunidad}">
                                    <h:outputText value="#{entrada.costorealunidad}" />
                                </p:column>



                            </p:dataTable>
                        </p:panel>

                    </h:form>
                </p:layoutUnit>
            </p:layout>
        </h:body>
    </f:view>
</html>


